<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>用户信息</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link media="all" rel="stylesheet" th:href="@{../../lib/layui/css/layui.css}">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<div>
    <h1 style="text-align: center">欢迎<p style="color: red">【[[${session.loginInfo.userName}]]】</p>登录西安建筑科技大学总务处台账后台管理系统
    </h1>
</div>
<table class="layui-hide" id="test"></table>


<script charset="utf-8" th:src="@{../../lib/layui/layui.js}"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

<script>
    layui.use('table', function () {
        var table = layui.table;

        table.render({
            elem: '#test'
            , url: '/admin/getInfo'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , cols: [
                [
                    {field: 'id', width: 200, title: '编号'}
                    , {field: 'userName', width: 200, title: '用户名'}
                    , {field: 'password', width: 200, title: '密码'}
                    , {field: 'phone', width: 200, title: '预留手机号码'}
                ]
            ]
        });
    });
</script>

</body>
</html>